<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->
<head>

<!-- Basic Page Needs
  ================================================== -->
<meta charset="utf-8" />
<title>Cyberlinks Portfolio</title>
<meta name="robots" content="index, follow" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">

<!-- Mobile Specific Metas
  ================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

<!-- CSS
  ================================================== -->
<link href='http://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/camera.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/inner.css" />
<link rel="stylesheet" href="css/layout.css" />
<link rel="stylesheet" href="css/color.css" />
<link rel="stylesheet" href="css/prettyPhoto.css"  media="screen" />

<!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

<!-- Favicons
	================================================== -->
<!--<link rel="shortcut icon" href="images/favicon.ico" />-->


<script>
function disableSelection(target){

if (typeof target.onselectstart!="undefined") //IE route
target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
target.style.MozUserSelect="none"
else //All other route (ie: Opera)
target.onmousedown=function(){return false}
target.style.cursor = "default"
}
</script>

<script language="JavaScript">
//////////F12 Inactive code////////////////////////



document.onload = function (event) {
        event = (event || window.event);
        if (event.keyCode == 123) {
           //alert('No F-12');
            return false;
        }
    }
	
    document.onkeypress = function (event) {
        event = (event || window.event);
        if (event.keyCode == 123) {
           //alert('No F-12');
            return false;
        }
    }
    document.onmousedown = function (event) {
        event = (event || window.event);
        if (event.keyCode == 123) {
            //alert('No F-keys');
            return false;
        }
    }
document.onkeydown = function (event) {
        event = (event || window.event);
        if (event.keyCode == 123) {
            //alert('No F-keys');
            return false;
        }
    }
/////////////////////end///////////////////////
//Inactive right click script
var message="Sorry, right-click has been disabled";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
document.oncontextmenu=new Function("return false")
//
function disableCtrlKeyCombination(e)
{
//list all CTRL + key combinations you want to inactive
var forbiddenKeys = new Array('a', 'n', 'c', 'x', 'v', 'j' , 'w' , 'p', 's' , 'u');
var key;
var isCtrl;
if(window.event)
{
key = window.event.keyCode;     //IE
if(window.event.ctrlKey)
isCtrl = true;
else
isCtrl = false;
}
else
{
key = e.which;     //firefox
if(e.ctrlKey)
isCtrl = true;
else
isCtrl = false;
}
//if ctrl is pressed check if other key is in forbidenKeys array
if(isCtrl)
{
for(i=0; i<forbiddenKeys.length; i++)
{
//case-insensitive comparation
if(forbiddenKeys[i].toLowerCase() == String.fromCharCode(key).toLowerCase())
{
alert('Sorry, the site is secured');
return false;
}
}
}
return true;
}
</script>

</head>

<body onload="disableSelection(document.body);return disableCtrlKeyCombination(event);" onkeypress="return disableCtrlKeyCombination(event);" onkeydown="return disableCtrlKeyCombination(event);" onselect="return disableCtrlKeyCombination(event)">
<div id="bodychild">
  <div id="outercontainer"> 
    
    <!-- HEADER -->
    <div id="outerheader">
      <div id="headercontainer">
        <header id="top">
          <div id="logo">
            <div id="logoimg"> <a href="index.html"  > <img src="images/logo.png" alt="" /> </a> </div>
          </div>
          <div id="topright"> <a href="http://www.facebook.com/pages/Cyberlinks/219059318116006" target="_blank"><img src="images/facebook.png" width="30" height="30"/></a> <a href="http://twitter.com/cyberlinksmobi" target="_blank"><img src="images/twitter.png" width="30" height="30"/></a> <a href="http://www.linkedin.com/company/530230?trk=pro_other_cmpy" target="_blank"><img src="images/linkedin.png" width="30" height="30"/></a> </div>
          <div class="clear"></div>
          <section id="navigation">
            <nav id="nav-wrap">
              <ul id="topnav" class="sf-menu">
                <li><a href="index.html">Home</a></li>
                <li><a href="aboutus.html">About Us</a> </li>
                <li><a href="#">Services</a>
                  <ul>
                    <li><a href="#">Android Development</a></li>
                    <li><a href="#">iPhone Development</a></li>
                    <li><a href="#">Mobile Application</a></li>
                    <li><a href="#">Windows Application</a></li>
                  </ul>
                </li>
                <li class="current"><a href="portfolio.html">Portfolio</a></li>
                <li><a href="#">Contact</a></li>
              </ul>
            </nav>
            <!-- nav -->
            <div class="clear"></div>
          </section>
          <div class="clear"></div>
        </header>
        <div id="bg-image" style="background-image:url(images/bg-header4.jpg);">
          <div id="pagetitle-wrap" style="background-color:#f9702e;">
            <h1 class="pagetitle">Our Portfolio</h1>
            <div class="clear"></div>
          </div>
        </div>
        <div class="clear"></div>
      </div>
      <div class="clear"></div>
    </div>
    <!-- END HEADER --> 
    
    <!-- MAIN CONTENT -->
    <div id="outermain">
      <div class="container">
        <div class="row">
          <section id="maincontent" class="twelve columns">
            <div class="ts-portfolio ">
              <div class="filterlist">
                <ul id="filter">
                  <li class="segment-1 selected-1 current first"><a href="#" data-filter="*">All Categories</a></li>
                  <li class="segment-1"><a href="#" data-filter=".animal">Web</a></li>
                  <li class="segment-1"><a href="#" data-filter=".building">Mobile</a></li>
                  <li class="segment-1"><a href="#" data-filter=".nature">Video</a></li>
                  <li class="segment-1"><a href="#" data-filter=".photography">Graphics</a></li>
                </ul>
              </div>
              <div class="row isotope">
                <div class="item one_fifth columns gallery nature">
                  <div class="ts-pf-img"> <a class="pfzoom" href="images/img14.jpg" data-rel=prettyPhoto[mixed] title=""> <span class="rollover"></span> <img  src="images/port1.jpg" class="attachment-widget-portfolio wp-post-image" alt="img14" /> </a> </div>
                  <div class="clear"></div>
                </div>
                <div class="item one_fifth columns  gallery nature">
                  <div class="ts-pf-img"> <a class="pfzoom" href="images/img17.jpg" data-rel=prettyPhoto[mixed] title=""> <span class="rollover"></span> <img  src="images/port4.jpg" class="attachment-widget-portfolio wp-post-image" alt="img17" /> </a> </div>
                  <div class="clear"></div>
                </div>
                <div class="item one_fifth columns  gallery nature">
                  <div class="ts-pf-img"> <a class="pfzoom" href="images/img13.jpg" data-rel=prettyPhoto[mixed] title=""> <span class="rollover"></span> <img  src="images/port3.jpg" class="attachment-widget-portfolio wp-post-image" alt="img13" /> </a> </div>
                  <div class="clear"></div>
                </div>
                <div class="item one_fifth columns  gallery nature">
                  <div class="ts-pf-img"> <a class="pfzoom" href="images/img10.jpg" data-rel=prettyPhoto[mixed] title=""> <span class="rollover"></span> <img  src="images/port2.jpg" class="attachment-widget-portfolio wp-post-image" alt="img10" /> </a> </div>
                  <div class="clear"></div>
                </div>
                <div class="item one_fifth columns gallery nature">
                  <div class="ts-pf-img"> <a class="pfzoom" href="images/img8.jpg" data-rel=prettyPhoto[mixed] title=""> <span class="rollover"></span> <img  src="images/port4.jpg" class="attachment-widget-portfolio wp-post-image" alt="img8" /> </a> </div>
                  <div class="clear"></div>
                </div>
                <div class="item one_fifth columns gallery nature">
                  <div class="ts-pf-img"> <a class="pfzoom" href="images/img1.jpg" data-rel=prettyPhoto[mixed] title=""> <span class="rollover"></span> <img  src="images/port2.jpg" class="attachment-widget-portfolio wp-post-image" alt="img1" /> </a> </div>
                  <div class="clear"></div>
                </div>
                <div class="item one_fifth columns  gallery photography">
                  <div class="ts-pf-img"> <a class="pfzoom" href="images/img11.jpg" data-rel=prettyPhoto[mixed] title=""> <span class="rollover"></span> <img  src="images/port1.jpg" class="attachment-widget-portfolio wp-post-image" alt="img11" /> </a> </div>
                  <div class="clear"></div>
                </div>
                <div class="item one_fifth columns  animal">
                  <div class="ts-pf-img"> <a class="pfzoom" href="images/img2.jpg" data-rel=prettyPhoto[mixed] title=""> <span class="rollover"></span> <img  src="images/port4.jpg" class="attachment-widget-portfolio wp-post-image" alt="img2" /> </a> </div>
                  <div class="clear"></div>
                </div>
                <div class="item one_fifth columns  gallery photography">
                  <div class="ts-pf-img"> <a class="pfzoom" href="images/img6.jpg" data-rel=prettyPhoto[mixed] title=""> <span class="rollover"></span> <img  src="images/port3.jpg" class="attachment-widget-portfolio wp-post-image" alt="img6" /> </a> </div>
                  <div class="clear"></div>
                </div>
                <div class="item one_fifth columns animal">
                  <div class="ts-pf-img"> <a class="pfzoom" href="images/img4.jpg" data-rel=prettyPhoto[mixed] title=""> <span class="rollover"></span> <img  src="images/port2.jpg" class="attachment-widget-portfolio wp-post-image" alt="img4" /> </a> </div>
                  <div class="clear"></div>
                </div>
                <div class="item one_fifth columns building">
                  <div class="ts-pf-img"> <a class="pfzoom" href="images/img19.jpg" data-rel=prettyPhoto[mixed] title=""> <span class="rollover"></span> <img  src="images/port1.jpg" class="attachment-widget-portfolio wp-post-image" alt="img19" /> </a> </div>
                  <div class="clear"></div>
                </div>
                <div class="item one_fifth columns  gallery photography">
                  <div class="ts-pf-img"> <a class="pfzoom" href="images/img7.jpg" data-rel=prettyPhoto[mixed] title=""> <span class="rollover"></span> <img  src="images/port2.jpg" class="attachment-widget-portfolio wp-post-image" alt="img7" /> </a> </div>
                  <div class="clear"></div>
                </div>
                <div class="item one_fifth columns  building">
                  <div class="ts-pf-img"> <a class="pfzoom" href="images/img3.jpg" data-rel=prettyPhoto[mixed] title=""> <span class="rollover"></span> <img  src="images/port3.jpg" class="attachment-widget-portfolio wp-post-image" alt="img3" /> </a> </div>
                  <div class="clear"></div>
                </div>
                <div class="item one_fifth columns  animal">
                  <div class="ts-pf-img"> <a class="pfzoom" href="images/img12.jpg" data-rel=prettyPhoto[mixed] title=""> <span class="rollover"></span> <img  src="images/port1.jpg" class="attachment-widget-portfolio wp-post-image" alt="img12" /> </a> </div>
                  <div class="clear"></div>
                </div>
                <div class="item one_fifth columns gallery photography">
                  <div class="ts-pf-img"> <a class="pfzoom" href="images/img18.jpg" data-rel=prettyPhoto[mixed] title=""> <span class="rollover"></span> <img  src="images/port4.jpg" class="attachment-widget-portfolio wp-post-image" alt="img18" /> </a> </div>
                  <div class="clear"></div>
                </div>
                <div class="item one_fifth columns building">
                  <div class="ts-pf-img"> <a class="pfzoom" href="images/img9.jpg" data-rel=prettyPhoto[mixed] title=""> <span class="rollover"></span> <img  src="images/port1.jpg" class="attachment-widget-portfolio wp-post-image" alt="img9" /> </a> </div>
                  <div class="clear"></div>
                </div>
                <div class="item one_fifth columns  building">
                  <div class="ts-pf-img"> <a class="pfzoom" href="images/img15.jpg" data-rel=prettyPhoto[mixed] title=""> <span class="rollover"></span> <img  src="images/port4.jpg" class="attachment-widget-portfolio wp-post-image" alt="img15" /> </a> </div>
                  <div class="clear"></div>
                </div>
                <div class="item one_fifth columns  animal">
                  <div class="ts-pf-img"> <a class="pfzoom" href="images/img20.jpg" data-rel=prettyPhoto[mixed] title=""> <span class="rollover"></span> <img  src="images/port2.jpg" class="attachment-widget-portfolio wp-post-image" alt="img20" /> </a> </div>
                  <div class="clear"></div>
                </div>
                <div class="item one_fifth columns  gallery photography">
                  <div class="ts-pf-img"> <a class="pfzoom" href="images/img5.jpg" data-rel=prettyPhoto[mixed] title=""> <span class="rollover"></span> <img  src="images/port3.jpg" class="attachment-widget-portfolio wp-post-image" alt="img5" /> </a> </div>
                  <div class="clear"></div>
                </div>
                <div class="item one_fifth columns building">
                  <div class="ts-pf-img"> <a class="pfzoom" href="images/img16.jpg" data-rel=prettyPhoto[mixed] title=""> <span class="rollover"></span> <img  src="images/port1.jpg" class="attachment-widget-portfolio wp-post-image" alt="img16" /> </a> </div>
                  <div class="clear"></div>
                </div>
              </div>
              <div class="clear"></div>
            </div>
          </section>
        </div>
      </div>
    </div>
    <!-- END MAIN CONTENT --> 
    
    <!-- BOTTOM -->
    <div id="outerbottom">
      <div id="bottomcontainer">
        <div class="container">
          <div class="row">
            <div class="bottom-container twelve columns">
              <div id="main-ticker">
                <!--<ul id="ticker">
                  <li><a href='#'>Japanese Economy Signaling a Slowdown</a></li>
                  <li><a href='#'>A Mutual Fund Master, Too Worried to Rest</a></li>
                  <li><a href='#'>Americans feeling better about economic</a></li>
                  <li><a href='#'>Economic Reports for the Week Ahead</a></li>
                  <li><a href='#'>Treasury Auctions Set for This Week</a></li>
                </ul>-->
              </div>
              <div class="clear"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- END BOTTOM--> 
    
    <!-- FOOTER -->
    <footer id="footer"> 
      
      <!-- FOOTER SIDEBAR -->
      <div id="outerfootersidebar">
        <div class="container">
          <div id="footersidebar" class="row">
            <div id="footcol1"  class="three columns">
              <ul>
                <li class="widget-container">
                  <h2 class="widget-title">About Us</h2>
                  <p> Cyberlinks is a emerging Gurgaon based software company focused on delivering the best and most cost-effective solutions to our clients in areas such as e-finance, e-business, healthcare, media, entertainment, communication and real estate.<br>
                    We transform latest technology and business trends into a constant value for our customers </p>
                </li>
              </ul>
            </div>
            <!--<div id="footcol2"  class="three columns">
                            <ul>
                                <li class="widget-container">
                                    <h2 class="widget-title">Tags</h2>
                                    <div class="tagcloud">
                                        <a href="#">Business</a>
                                        <a href="#">Design</a>
                                        <a href="#">Technology</a>
                                        <a href="#">Entertainment</a>
                                        <a href="#">Healthy</a>
                                        <a href="#">Sport</a>
                                        <a href="#">Lifestyle</a>
                                    </div>
                              </li>
                            </ul>
                        </div>-->
            <div id="footcol3"  class="three columns">
              <ul>
                <li class="widget-container">
                  <h2 class="widget-title">Services</h2>
                  <ul class="rp-widget">
                    <li><a href="#">Mobile Application Development</a></li>
                    <li><a href="#">iPhone Application Development</a></li>
                    <li><a href="#">Android Application Development</a></li>
                    <li><a href="#">BlackBerry Application Development</a></li>
                    <li><a href="#">Windows Mobile Application Development</a></li>
                  </ul>
                </li>
              </ul>
            </div>
            <div id="footcol4"  class="three columns">
              <ul>
                <li class="widget-container">
                  <h2 class="widget-title">Our Gallery</h2>
                  <ul class="flickr">
                    <li><a href="#"><img alt="" src="images/box1_iphone.png" width="60" height="60"></a></li>
                    <li><a href="#"><img alt="" src="images/box4_win.png" width="60" height="60"></a></li>
                    <li><a href="#"><img alt="" src="images/box3_android.png" width="60" height="60"></a></li>
                    <li><a href="#"><img alt="" src="images/box1_iphone.png" width="60" height="60"></a></li>
                    <li><a href="#"><img alt="" src="images/box4_win.png" width="60" height="60"></a></li>
                    <li><a href="#"><img alt="" src="images/box3_android.png" width="60" height="60"></a></li>
                    <li><a href="#"><img alt="" src="images/box4_win.png" width="60" height="60"></a></li>
                    <li><a href="#"><img alt="" src="images/box3_android.png" width="60" height="60"></a></li>
                  </ul>
                </li>
              </ul>
            </div>
            <div class="clear"></div>
          </div>
        </div>
      </div>
      <!-- END FOOTER SIDEBAR --> 
      
      <!-- COPYRIGHT -->
      <div id="outercopyright">
        <div class="container">
          <div class="row">
            <div class="twelve columns">
              <div id="copyright"> Copyright &copy;2013 Cyberlinks. Designed by <a href="http://www.cyberlinks.in/">Cyberlinks.in</a> </div>
            </div>
          </div>
        </div>
      </div>
      <!-- END COPYRIGHT --> 
    </footer>
    <!-- END FOOTER -->
    <div class="clear"></div>
    <!-- clear float --> 
  </div>
  <!-- end outercontainer --> 
</div>
<!-- end bodychild --> 

<!-- ////////////////////////////////// --> 
<!-- //      Javascript Files        // --> 
<!-- ////////////////////////////////// --> 
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 

<!-- jQuery Superfish --> 
<script type="text/javascript" src="js/hoverIntent.js"></script> 
<script type="text/javascript" src="js/superfish.js"></script> 
<script type="text/javascript" src="js/supersubs.js"></script> 

<!-- jQuery Dropdown Mobile --> 
<script type="text/javascript" src="js/tinynav.min.js"></script> 

<!-- Custom Script --> 
<script type="text/javascript" src="js/custom.js"></script> 

<!-- jQuery Isotope --> 
<script type="text/javascript" src="js/jquery.isotope.min.js"></script> 
<script>
function runisotope(){
	var $container = jQuery('.isotope');
		$container.isotope({
			itemSelector : '.item'
		});

	// filter items when filter link is clicked
	jQuery('#filter li').click(function(){
	jQuery('#filter li').removeClass('current');
		jQuery(this).addClass('current');
			var selector = jQuery(this).find('a').attr('data-filter');
			$container.isotope({ filter: selector });
		return false;
	});
};
jQuery(window).load(function(){
	runisotope();
});

jQuery(window).smartresize(function(){
	runisotope();
});
</script> 

<!-- jQuery PrettyPhoto --> 
<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script> 

<!-- jQuery News Flash --> 
<script type="text/javascript" src="js/jquery.carouFredSel.js"></script>
</body>
</html>
